<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<title>密码学训练平台</title>
</head>

<body>
	<nav class="navbar navbar-expand-lg navbar-dark bg-primary"><!--导航栏-->
		<a class="navbar-brand" href="#">密码学训练平台</a>
		<div class="collapse navbar-collapse">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item">
					<a class="nav-link" href="#">主页</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="problems.html">题目</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="rank.html">排行榜</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="record.html">提交记录</a>
				</li>
			</ul>
		</div>
		<ul class="nav navbar-nav ml-auto">
			<li class="nav-item">
				<a href="login.html">你还没有登录</a>
			</li>
		</ul>
	</nav>
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-9">
				<br/>
				<div class="alert alert-secondary">
					<h2>这是一个测试用的题目</h2>
					<hr/>
					<h4>题目描述</h4>
					<p>这只是一个用于测试的题目，真的没有什么好描述的</p>
					<hr>
					<h4>题目入口</h4>
					<a href="#">这里是题目入口</a>
					<hr/>
					<h4>提交</h4>
					<form action="#">
						<input type="text" placeholder="flag">
						<button type="submit" class="btn btn-secondary btn-sm">提交！</button>
					</form>
				</div>
			</div>
			<div class="col-md-3">
				<br/>
				<div class="alert alert-light">
					<h4>题目标签</h4>
					<span class="badge badge-success">easy</span>
					<span class="badge badge-info">MISC</span>
					<hr/>
					<h4>通过状态</h4>
					<small>我的：</small><small class="text-info">未提交</small><br/>
					<small>第一滴血：</small><small class="text-info">无</small><br/>
					<small>第二滴血：</small><small class="text-info">无</small><br/>
					<small>第三滴血：</small><small class="text-info">无</small><br/>
					<hr/>
					<h4>Write Up</h4>
					<small>暂无</small>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
